<style lang="stylus">
  @import "index.styl";

</style>
<template>
  <div id="headerLayout">
    <van-nav-bar v-if="isShow" :fixed="true" :z-index="9999" :title="title"
                 :left-text="showLeft == true?'返回':''"
                 :left-arrow="showLeft"
                 @click-left="onClickLeft"
    />
    <div class="titleBox"></div>
  </div>

</template>

<script>
  import {NavBar} from 'vant';


  export default {

    // 接受上一个界面传递过来的参数
    props: {
      title: {
        type: String,
        default: '晓魔女'
      },
      showLeft: {
        type: Boolean,
        default: false
      }
    },

    // 组件
    components: {
      'VanNavBar': NavBar
    },

    // 数据初始化
    data() {
      return {
        isShow: true,

      };
    },

    // 页面创建完毕
    created() {
      this.isShow = !this.$util.isWeiXin();


    },

    // 方法
    methods: {
      onClickLeft() {

        this.$router.go(-1);
//        this.$util.showToast('返回');
      },
      onClickRight() {
//        this.$util.showToast('按钮');
      }
    },

    // 监听数据的变化
    watch: {
      //testValue: function (val) {
      //}
    }
  };
</script>



